<template>
    <div class="sl-root">
        <swiper class="llbb" loop auto dots-position='center'>
            <swiper-item class="s-i">
                <img src='../assets/lunbo/1.jpg'>
            </swiper-item>
            <swiper-item class="s-i">
                <img src='../assets/lunbo/2.png'>
            </swiper-item>
            <swiper-item class="s-i">
                <img src='../assets/lunbo/1.jpg'>
            </swiper-item>
            <swiper-item class="s-i">
                <img src='../assets/lunbo/3.jpg'>
            </swiper-item>
        </swiper>
    </div>
</template>
<script>
import { Swiper, SwiperItem } from 'vux'

export default {
    // props: ["lunbotu"],
    components: {
        Swiper,
        SwiperItem,
    },
}
</script>
<style scoped>
.sl-root{
    width: 100%;
    height: 180px;
}
img {
    width: 100%;
    height: 80%;
    opacity: 0.8;
}
.llbb{
    width: 100%;
    height: 180px;
}

</style>